<template>
</template>

<script>
import screenfull from "screenfull";
export default {
  name: "hamburger",
  props: {
    width: {
      type: Number,
      default: 22
    },
    height: {
      type: Number,
      default: 22
    },
    fill: {
      type: String,
      default: "#48576a"
    }
  },
  data() {
    return {
      isFullscreen: false
    };
  },
  methods: {
    click() {
      if (!screenfull.enabled) {
        this.$message({
          message: "you browser can not work",
          type: "warning"
        });
        return false;
      }

      if (this.isFullscreen) {
        screenfull.exit();
        this.isFullscreen = false;
      } else {
        screenfull.request();
        this.isFullscreen = true;
      }
    }
  }
};
</script>

<style scoped>
.screenfull {
  display: inline-block;
  cursor: pointer;
  vertical-align: -0.15em;
}
</style>
